body {
  margin:0;
  text-align: center;
  font-family: 'PT Serif', serif;
  color:#40514E;
}

h1 {
  width: 700px;
  margin:0 auto 0 auto;
  font-size: 4.625rem;
  color:#66BFBF;
}

h2 {
  color:#66BFBF;
  font-family: 'PT Serif', serif;
}
h3 {
    color:#11999E;
    font-family: 'B612 Mono', monospace;
}

a{
  color:#11999E;
  margin: 10px 20px;
  text-decoration: none;
}
a:hover{
  color:white;
}

hr {
  border:dotted #EAF6F6 6px;
  border-bottom: none;
  width:25%;
  margin: 50px auto;
}

.my-name{
font-family: 'Kalam', cursive;
}
.student{

}
.Introduction{
  font-family: 'Do Hyeon', sans-serif;
  font-size: 1.625rem;
  color:#66BFBF;
}
.top-container{
  background-color: #E4F9F5;
  position: relative;
  padding-top:100px;

}
.middle-container{
  margin:50px 0;
}
.bottom-container{
  background-color: #66BFBF;
  padding:30px 0 10px;
}


.top-cloud {
  position: absolute;
  right:400px;
  top:40px;
}
.bottom-cloud {
  position: absolute;
  left:250px;
  bottom:300px;
}

.Working-Experience {
  line-height: 2;
  margin:50px auto 50px auto;
}

.projects {
  margin:50px auto 50px auto;
}
.project-row{
  width:50%;
  margin:50px auto 100px auto;
  text-align: left;
  line-height: 2;
}

.project1-image {
  width:25%;
  float:left;
  margin-right:30px;
  margin-bottom:100px;
  position: relative;
  top:10px;
}
.project2-image {
  width:25%;
  float:right;
  margin-left:30px;
}

.footer-links{
  color:#11999E;
}
.author {
  color:#EAF6F6;
  font-size: 0.75em;
  padding:10px;
}


.myButton {
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:22px;
	font-weight:bold;
	padding:9px 29px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#408c99;
}
.myButton:active {
	position:relative;
	top:1px;
}
